﻿
@{
    ViewBag.Title = "AjaxScrollPage";
}

<h2>AjaxScrollPage</h2>

<style type="text/css">
    #top_div {
        position: fixed;
        bottom: 80px;
        right: 0;
        display: none;
    }
</style>
<script src="~/Scripts/jquery.Bmz.dPage-1.01.1.js"></script>
<script type="text/javascript">
    $(function () {
        $("#content").InitialPage({
            pageSize: 10,
            pageCount:60,
            nextPageFunction: function (pageIndex, pageSize) {
                //for (i = 0; i < pageSize;i++)
                //    content.innerHTML += "以便页面出现滚动条，限于篇幅本文此处略去这里尽量多些<br />";
                $.ajax({
                    type: "post",
                    url: '@Url.Action("AjaxData")',
                    data: {
                        pageIndex: pageIndex,
                        pageSize: pageSize
                    },
                    success: function (data) {
                        content.innerHTML += data;
                        $.NextPage();
                        $("#content").Function1();
                    }
                });
            }
        });
    })
</script>
<a name="top">顶部</a>
<div id="top_div"><a href="#top">返回顶部</a></div>
<br />
<br />
<div id="content">
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去

    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去

    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去

    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去

    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去

    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去

    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去

    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去

    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去

    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去

    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去


    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去

    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去

    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去

    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去

    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
    这里尽量多些<br />以便页面出现滚动条，限于篇幅本文此处略去
</div>